<template>
	<div>
		<el-row>
			<el-form :inline="true">
				<el-form-item label="小区名称:">
					<el-input clearable v-model="tigerInfo.goodsName" placeholder="请输入小区名称"></el-input>
				</el-form-item>
				<el-form-item label="创建日期:">
					<el-date-picker value-format="yyyy-MM-dd HH:mm:ss"  type="daterange"
						range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
					</el-date-picker>
				</el-form-item>

				<!-- 搜索按钮 -->
				<el-form-item>
					<el-button type="primary" @click="seach"
						style="background-color: khaki; border: none;">搜索</el-button>
				</el-form-item>
			</el-form>
		</el-row>

		<el-table stripe :data="tigerList" style="width: 100%" :header-cell-style="{backgroundColor: '#f8f8f8'}">
			<el-table-column prop="bulkGoodsId" label="ID">
			</el-table-column>
			<el-table-column prop="bulkGoodsName" label="名称">
			</el-table-column>
			<el-table-column prop="bulkGoodsOriginalPrice" label="地址">
			</el-table-column>
			<el-table-column prop="bulkGoodsInventory" label="关联门店">
			</el-table-column>
			<el-table-column prop="addTime" label="时间">
			</el-table-column>
			<el-table-column prop="" label="操作">
				<template slot-scope='scope'>
					<!-- 查看关联门店 -->


					<el-link :underline="false" type="primary">编辑小区</el-link>&nbsp;&nbsp;
					<el-link :underline="false" type="danger">删除小区</el-link>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				tigerInfo: {
					pageNum: 1,
					pageSize: 10,
					goodsName: '',
					goodsStatus: '',
					startTime: '',
					endTime: '',
				},
				tigerList: [],
			}
		},
		methods: {
			getTigerList() {
				this.$http.get('bulkGoods/querySearchBulkGoodsList', {
						params: this.sousuoinfo
					})
					.then(res => {
						// console.log(res.data)
						if (res.data.status == 200) {
							this.tigerList = res.data.data.list
							this.total = res.data.data.total
						} else {
							this.$message.error('服务器接口错误!')
						}
					})
					.catch(error => {
						this.$message.error('服务器接口错误!')
					})
			},
			seach() {
				this.getTigerList()
			},
		},
		mounted() {
			this.getTigerList()
		}
	}
</script>

<style>
</style>